﻿<%@ Page Language="C#" MasterPageFile="~/Demo.master" AutoEventWireup="true" 
    Inherits="SharpPieces.DemoApp.GradientBtnAppearance" 
    CodeBehind="gradientbtnappearance.aspx.cs" %>


<asp:Content ID="Content2" runat="Server" ContentPlaceHolderID="headPlaceHolder">
    <title>SharpPieces - Gradient Button Appearance - Live Demo</title>
</asp:Content>
<asp:Content ID="Content3" runat="Server" ContentPlaceHolderID="descriptionPlaceholder">
    <h1>Gradient Button Appearance</h1>
    
    <p>The Gradient 
        Button is perfect when you have to spend valuable time with Photoshop for the need of 
        relatively simple gradient effects for image buttons; out-of-the-box, it also inherits 
        dynamic image effects and also performance features like client and server cache persistence.
        Below you can find some examples, 'Example 4' simulates the hover effect.</p>
</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="demoPlaceholder" Runat="Server">
    <div>
        <div style="float:left;">
            <piece:GradientButton ID="GradientButton1" runat="server" Height="30px" Width="152px" 
                RotateFlip="Rotate270FlipNone" OnClick="GradientButton_Click">
                <GradientBackground BorderColor="#404000" BorderWidth="1" GradientEndColor="#404040"
                    GradientStartColor="#C0C000" RoundCornerRadius="1" Type="ForwardDiagonal" />
                <Text Color="White" Font="DejaVu Sans, 8.25pt, style=Bold" HorizontalAlign="Center"
                    Value="Example 1" VerticalAlign="Center" />
            </piece:GradientButton>
            &nbsp;
        </div>
        <div>
            <div>        
                <piece:GradientButton ID="GradientButton4" runat="server" Height="26px" Width="115px">
                    <GradientBackground GradientStartColor="White" GradientEndColor="#DFE4EF"
                        RoundCornerRadius="3" Type="Vertical" BorderColor="LightGray" />
                    <Text Font="Tahoma, 10pt" HorizontalAlign="Center"
                        Value="Example 2" VerticalAlign="Center" Color="#002672" />
                </piece:GradientButton>
                <br />
                <br />
                <piece:GradientButton ID="GradientButton9" runat="server" Height="26px" Width="115px">
                    <GradientBackground GradientStartColor="#C5912C" GradientEndColor="#F6EA58"
                        RoundCornerRadius="0" Type="Vertical" BorderColor="Black" />
                    <Text Font="Palatino Linotype, 12pt, style=Bold" HorizontalAlign="Center"
                        Value="Example 3" VerticalAlign="Center" Color="White" />
                </piece:GradientButton>                
                <br />
                <br />
                <piece:GradientButton ID="GradientButton12" runat="server" Height="26px" Width="116px">
                    <GradientBackground GradientStartColor="#848484" GradientEndColor="#404040"
                        RoundCornerRadius="3" Type="VerticalSuddenFalloff" BorderColor="#272727" BorderWidth="1"
                        InnerBorderColor="White" InnerBorderWidth="1" />
                    <Text Font="Arial, 10pt, style=Bold" HorizontalAlign="Center" Color="White"
                        Value="Example 4" VerticalAlign="Center" />
                </piece:GradientButton>
                <br />
                <br />
                <piece:GradientButton ID="GradientButton10" runat="server" Height="26px" Width="26px">
                    <GradientBackground GradientStartColor="Gray" GradientEndColor="LightGray"
                        RoundCornerRadius="0" Type="Vertical" BorderColor="DimGray" />
                    <Text Font="Arial, 15pt, style=Bold" HorizontalAlign="Center" Value="▲" 
                        VerticalAlign="Center" Color="White" />
                </piece:GradientButton>
                <piece:GradientButton ID="GradientButton11" runat="server" Height="26px" Width="26px">
                    <GradientBackground GradientStartColor="LightGray" GradientEndColor="Gray"
                        RoundCornerRadius="0" Type="Vertical" BorderColor="DimGray" />
                    <Text Font="Arial, 15pt, style=Bold" HorizontalAlign="Center" Value="▼" 
                        VerticalAlign="Center" Color="White" />
                </piece:GradientButton>
                <piece:GradientButton ID="GradientButton7" runat="server" Height="26px" Width="26px">
                    <GradientBackground GradientStartColor="White" GradientEndColor="LightGray"
                        RoundCornerRadius="13" Type="BlendingIn" BorderColor="Gray" />
                    <Text Font="Comic Sans MS, 15pt, style=Bold" HorizontalAlign="Center" Value="&gt;" 
                        VerticalAlign="Center" Color="Gray" />
                </piece:GradientButton>
                <piece:GradientButton ID="GradientButton13" runat="server" Height="26px" Width="26px">
                    <GradientBackground GradientStartColor="LightGray" GradientEndColor="Black"
                        RoundCornerRadius="13" Type="Vertical" BorderColor="DimGray" />
                    <Text Font="Arial Black, 15pt, style=Bold" HorizontalAlign="Center" Value="♣" 
                        VerticalAlign="Center" Color="White" />
                </piece:GradientButton>
                <br />
                <br />
            </div>
        </div>
        <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
    </div>
    <br />
</asp:Content>

